@charset "utf-8";
/* CSS Document */
/*切图：wyf*/
html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}

.pz_top{ float:left; width:100%; overflow:hidden; }
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; margin-top:154px;  }
.pz_main{ float:left; width:100%; }
.pz_down{ float:left; width:100%; }
.w_0100{ float:left; width:100%;}
@media screen and (max-width:1199px){
.pz_banner{ margin-top:80px;}
}

/*pc版头部*/
.top1{ position: fixed; width:100%; height:154px; left:0; top:0; background:#fff; z-index:1999;
-webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
}
.top1.active{ background-color:#fff;
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;
}
.top1 .tt{ border-bottom:#eeeeee solid 1px;}
.top1 .logo{ float:left; width:396px; height:65px; margin:14px 0 15px 0;
-webkit-animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
        animation: boun 1s cubic-bezier(0.30, 2.40, 0.85, 2.50) infinite;
}
.top1 .search{ float:right; width:284px;  margin:29px 0 0 0;}
.top1 .search .hz{ float:left; width:224px; height:36px; background-color:#ededed;}
.top1 .search .hz a{ float:left; width:16px; height:16px; margin:10px 0 0 13px;}
.top1 .search .hz .fom1{ float:left; width:194px; height:36px; padding:0 10px; color:#333; font-size:14px; line-height:36px; background:0;}
.top1 .search .btnright{ float:right; width:60px; height:36px; background-color:#0068bb; color:#fff; font-size:14px; text-align:center; line-height:36px;
        border-radius:0;
-webkit-border-radius:0;
   -moz-border-radius:0;
     -o-border-radius:0;
-webkit-appearance:none;
outline:none;
}

.top1 .tele{ float:right; width:257px; margin:34px 10px 0 0; color:#0068bb; font-size:16px; font-weight:bold; line-height:26px;}
.top1 .tele .b{ float: left; width:26px; height:26px; vertical-align:top; line-height:0;}
.top1 .tele .spa{ float:left; margin:0 0 0 8px;}
.top1 .wx{ float:right; width:26px; margin:34px 7px 0 0 ; position:relative; z-index:600; cursor:pointer;}
.top1 .wx .wxtc{ display:none; position:absolute; width:100px; height:108px; padding:13px 5px 5px 5px; background: url(images/top4.png) no-repeat; left:50%; margin-left:-50px; top:100%;}
.top1 .td{}


@-webkit-keyframes boun {
  from, to {
	-webkit-transform: translateY(2px) ;
			transform: translateY(2px) ;
  }
  80% {
	-webkit-transform: translateY(5px) ;
			transform: translateY(5px) ;
  }
}
@keyframes boun {
  from, to {
	-webkit-transform: translateY(2px) ;
			transform: translateY(2px) ;
  }
  80% {
	-webkit-transform: translateY(5px) ;
			transform: translateY(5px) ;
  }
}

.menu{ }
.menu ul{ position:relative;}
.menu ul::before{ position:absolute; content:""; width:1px; height:26px; background-color:#dddddd; left:0; top:16px;}
.menu ul .nli{ float:left; width:14.2857%; position:relative;}

.menu ul .nli::after{ position:absolute; content:""; width:1px; height:26px; background-color:#dddddd; right:0; top:16px;}
.menu ul .nli span a{ float:left; width:100%; height:59px; color:#222222; font-size:16px; line-height:59px; text-align:center; }
.menu ul .nli::before{ position:absolute; content:""; width:100%; height:5px; background-color:#e50012; left:0; bottom:0; z-index:-1;
 opacity: 0; 
 -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.menu ul .nli.active::before,
.menu ul .nli:hover::before{  opacity: 1; }

.sub2{ display:none; position: absolute; left:0; top:154px; width:100%; background:url(images/menu1.png) repeat;  }
.sub2 .scon{ padding:52px 0 40px 0;}
.sub2 .scon .ul_1{ float:left; width:270px; border-right:#fff solid 1px; padding-right:40px; margin:4px 68px 0 0;}
.sub2 .scon .ul_1 h2{ color:#0068bb; font-size:30px; line-height:34px;}
.sub2 .scon .ul_1 h3{ color:#232323; font-size:16px; line-height:26px;}
.sub2 .scon .ul_1 .text{ height:42px; margin:20px 0 0 0; color:#5c5c5c; line-height:21px; overflow:hidden;}
.sub2 .scon .ul_1 .text a{color:#5c5c5c;}
.sub2 .scon .ul_1 .text a:hover{ color:#0068bb;}
.sub2 .scon .ulz{ float:left; width:530px;}
.sub2 .scon .ulz div{ float:left; width:265px;}
.sub2 .scon .ulz .l2{ float:left; width:265px;}
.sub2 .scon .ulz .l2 b{ float:left; width:27px; height:13px; margin:10px 15px 0 0; overflow:hidden; line-height:0;}
.sub2 .scon .ulz .l2 b i{ margin-left:-27px;line-height:0;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.sub2 .scon .ulz .l2:hover b i{ margin-left:0;}
.sub2 .scon .ulz .l2  a{ float:left; padding:5px 0; line-height:22px; color:#232323; font-size:14px;}
.sub2 .scon .ulz .l2:hover  a{ color:#e50012;}
.sub2 .scon .uly{ float:right; width:270px; height:195px; margin:9px 0 0 0;}



/*phone版头部*/
.top2{ position:fixed; left:0; top:0; width:100%; height:80px; background-color:#fff; z-index:1201;}
.top2.active{
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;
}
.top2 .logo{ float:left; width:220px; height:36px; margin:22px 0 0 0;}
/*手机按钮*/
.menuph{ 
	float:right;
	margin:15px 0 0 0;
	cursor: pointer;
	width: 50px;
	height: 50px;
	background-color: #0068bb;
	text-align: center;
}
.menuph .point
{
	display: inline-block;
	width: 28px;
	height: 22px;
	margin-top: 14px;
	position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
	width: 28px;
}
.menuph .navbtn
{
	position: absolute;
	top: 10px;
	right: 0;

	display: inline-block;

	width: 21px;
	height: 1px;

	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #fff;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
	position: absolute;
	right: 0;

	display: inline-block;

	width: 28px;
	height: 1px;

	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;

	background: #fff;
}
.menuph .navbtn::after
{
	top: -11px;
}
.menuph .navbtn::before
{
	top: 10px;
}
.menuph .point.active .navbtn{
	background: transparent;
}
.menuph .point.active .navbtn::after{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}
.menuph .point.active .navbtn::before
{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}


/*手机下拉*/
.xialaph{
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding-bottom: 50px;
	display: none;
	z-index: 10499;
	background: #fff;
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
	display: none;
}
.xialaph h4 a{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 62px;
}
.xialaph h4{
	position: relative;
}
.xialaph li:last-child h4::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.1;*/
}
.xialaph h4::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.1;*/
}
.xialaph h5 a{
	color: #333;
	font-size: 16px;
	font-family: "微软雅黑";
	line-height: 57px;
}
.xialaph h5{
	position: relative;
}
.xialaph h5::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
	display: none;
}
.xialaph h4 img{
	width: 15px;
	height: 8px;
	float: right;
	margin-top: 29px;
	cursor: pointer;
}
.xialaph h5 img{
	width: 11px;
	height: 6px;
	float: right;
	margin-top: 26px;
	margin-right: 18px;
	cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
	display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
	display: block;
}
.xialaph .ul2{
	
}
.xialaph .ul3{
	padding-top: 12px;
	padding-bottom: 18px;
	padding-left: 15px;
	position: relative;
}
.xialaph .ul3::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
	display: none;
}
.xialaph .ul3 li a{
	color: #666;
	font-size: 14px;
	line-height: 35px;
	display: block;
}
.xialaph .ul3 li{
	padding-top: 5px;
}
.xialaph .ul3 li:first-child{
	padding-top: 0;
}
.xialaph .phsou{
	position: relative;
	margin-top: 30px;
}
.xialaph .phsou input{
	width: 100%;
	height: 56px;
	background-color: #fff;
	color: #aaa;
	font-size: 14px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
        border-radius:0;
-webkit-appearance:none;
}
.xialaph .phsou img{
	cursor: pointer;
	width: 21px;
	height: 22px;
	position: absolute;
	top: 17px;
	right: 29px;
}
.xialaph .try{ text-align:center; padding:30px 0 0 0;  font-size:24px; color:#0068bb; line-height:50px; }
.xialaph .try a{color:#0068bb;}
.xialaph .try span{ font-size:14px; color:#333;}

.phonemeng{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 196;
	display: none;
}
.phonemeng.active{
	display: block;
}

/*banner*/
.slick_banner{ margin:0; position:relative;  min-height:428px;}
.slick_banner .slick-slide{ width:100%; outline:0;}
.slick_banner img{ width:100%;}

.dian{ position:absolute; left:50%; bottom:50px; margin-left:-600px; z-index:1200;}
.dian .slick-dots{ position:static; bottom:auto;}
.dian .slick-dots li{ width:30px; height:2px; margin:6px 12px 0 0; background-color:#fff; vertical-align:top;}
.dian .slick-dots li.slick-active{ height:8px; margin:0 12px 0 0; background-color:#e60013; } 
@media  screen and (max-width:1199px){
.slick_banner{  min-height:354px;}
}
@media  screen and (max-width:991px){
.slick_banner{  min-height:274px;}
.dian{ bottom:20px; margin-left:-384px;}
}
@media  screen and (max-width:767px){
.slick_banner{  min-height:183px;}
.dian{ left:15px; margin-left:0;}
}
/*main*/
.back1{ }
.homeabout{ padding:7.41% 0;}
.homeabout .haright{ float:right; width:37.17%;}
.homeabout .haleft{ float:left; width:57.27%;}
.homeabout .haleft h2{ margin:12.53% 0 1.94% 0; color:#0068bb; font-size:48px; line-height:0.875; font-weight:bold; text-transform:uppercase;}
.homeabout .haleft .text{ color:#191919; font-size:30px; line-height:1.2;}
.homeabout .haleft .context{ margin:1% 0 0 0; color:#4d4d4d; font-size:16px; line-height:2.25;}
@media  screen and (max-width:1199px){
.homeabout .haleft h2{ margin:3% 0 1.94% 0; color:#0068bb; font-size:48px; line-height:0.875; font-weight:bold; text-transform:uppercase;}
}
@media  screen and (max-width:991px){
.homeabout .haright{ float:left; width:70%; margin:0 15% 0 15%;}
.homeabout .haleft{ width:100%;}
}
@media  screen and (max-width:767px){
.homeabout .haright{ float:left; width:70%; margin:0 15% 0 15%;}
.homeabout .haleft{ width:100%;}
.homeabout .haleft h2{margin:2% 0 1.94% 0; font-size:40px; }
.homeabout .haleft .text{ font-size:28px;}
.homeabout .haleft .context{ margin:1% 0 5% 0; line-height:2;}	
}
@media  screen and (max-width:480px){
.homeabout .haleft h2{ font-size:35px; }
.homeabout .haleft .text{ font-size:20px;}	
}

.back2{ background:url(images/main3.jpg) repeat;}
.back2_1{ position:relative; width:100%; height:0;}
.back2_1 .backblue{ position:absolute; width:100%; height:490px; left:0; top:0; background-color:#0068bb;}
.homenew{ padding:7% 0 0 0; z-index:200; position:relative;}
.title_1{ height:44px; color:#fff; line-height:44px;}
.title_1 h3{ float:left; font-size:44px; font-weight:bold; }
.title_1 h3 span{ color:#ffffff; font-size:24px; font-weight:normal; }
.title_1 a{ float:right; margin:18px 0 0 0; color:#ffffff; font-size:14px; line-height:21px;}
@media  screen and (max-width:1199px){
.back2_1 .backblue{ height:451px; }
}
@media  screen and (max-width:991px){
.back2{ background:#0068bb;}
.back2_1 .backblue{ height:435px; }
.homenew{ padding:7% 0 7% 0; }
}
@media  screen and (max-width:767px){
.title_1 h3{ font-size:32px; }	
.title_1 h3 span{ font-size:18px; }
}
.homenewactive{ position:relative;}
.homeactive{ position:absolute; width:424px; height:30px; top:-25px; left:250px; padding:0 0 0 102px;}
.homeactive .activeicon{ position:absolute; width:102px; left:0; top:0; color:#fff; font-size:14px; font-weight:bold; line-height:30px;}
.homeactive .activeicon img{ vertical-align:top; margin:4px 0 0 0;}
.activenewshow{ margin:0;}
.homeactive a{ float:left; width:100%; color:#fff; font-size:14px; line-height:30px;}
@media  screen and (max-width:991px){
.homenewactive{ position: static; margin:10px 0 0 0;}
.homeactive{ position: relative; width:100%; height:30px; top:auto; left:auto; padding:0 0 0 102px;}	
}
.homenewdown{ margin:17px 0 0 0;}
.homenewdown .ht{}
.homenewdown .ht .ht1{  float:left; width:782px; height:350px; padding:36px 52px 0 32px; border-right:#fff solid 1px; background-color:#f7f7f7;}
.homenewdown .ht .ht1 .hleft{ float:left; width:370px;}

.homenewdown .time{}
.homenewdown .time .timeb{ color:#0067b9; font-size:30px; font-weight:bold; line-height:30px;}
.homenewdown .time .timeb span{ color:#2b2b2b; font-size:14px; font-weight:normal;}
.homenewdown .time .times{ color:#0067b9; font-size:14px; line-height:16px; text-transform:uppercase;}
.homenewdown h4{ margin:30px 0 15px 0; color:#2b2b2b; font-size:16px; line-height:22px;}
.homenewdown h4.er{ margin:26px 0 5px 0; height:62px; line-height:31px; overflow:hidden;}
.homenewdown h4 a{color:#2b2b2b;}
.homenewdown h4 a:hover{ color:#0068bb;}
.homenewdown .ntext{ height:78px; overflow:hidden; line-height:26px; color:#676767; font-size:14px;}
.homenewdown .ntext a{color:#676767;}
.homenewdown .ntext a:hover{ color:#0068bb;}
.homenewdown .hmore{ margin:43px 0 0 0;}
.homenewdown .hmore a{ float:left; width:36px; height:36px;}
.homenewdown .hmore a img{ display:none;}
.homenewdown .hmore a img.imgs{ display:block;}
.homenewdown .hmore a:hover img.imgs{ display:none;}
.homenewdown .hmore a:hover img.imgd{ display:block;}
.homenewdown .hpic{ float:right; width:247px; height:247px; margin-top:17px; overflow:hidden;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}
.homenewdown .ht1:hover .hpic{
-webkit-box-shadow: 0 2px 8px #bbb;
   -moz-box-shadow: 0 2px 8px #bbb;
     -o-box-shadow: 0 2px 8px #bbb;
        box-shadow: 0 2px 8px #bbb;	
}
.homenewdown .ht2{ float:left; width:388px; height:350px; padding:36px 37px 0 30px; background-color:#f7f7f7;}
.homenewdown .hd{}
.homenewdown .hd li{ float:left; width:33.333333%; padding:0 1px 0 0; position:relative; border-right:#f7f7f7 solid 1px;}
.homenewdown .hd li:hover{ z-index:2;}
.homenewdown .hd li .downbox{ padding:22px 30px; background-color:#fff;} 
.homenewdown .hd li:hover .downbox{
-webkit-box-shadow: 0 0 8px #bbb;
   -moz-box-shadow: 0 0 8px #bbb;
     -o-box-shadow: 0 0 8px #bbb;
        box-shadow: 0 0 8px #bbb;
}
.homenewdown .hd li:hover .hmore a img.imgs{ display:none;}
.homenewdown .hd li:hover .hmore a img.imgd{ display:block;}
@media  screen and (max-width:1199px){
.homenewdown .ht .ht1{ width:642px; height:325px; padding:23px 42px 0 21px; }
.homenewdown .ht .ht1 .hleft{ width:328px;}
.homenewdown .hpic{ float:right; width:206px; height:206px; }
.homenewdown .ht2{ float:left; width:320px; height:325px; padding:23px 30px 0 21px; }
.homenewdown .hd li .downbox{ padding:22px 21px; background-color:#fff;} 	
}
@media  screen and (max-width:991px){
.homenewdown .ht .ht1{ width:100%;  border-bottom:#0068bb solid 1px; padding:36px 52px 0 32px; }

.homenewdown .ht .ht1 .hleft{ width:328px;}
.homenewdown .hpic{ width:246px; height:246px; }
.homenewdown .ht2{ float:left; width:100%; height:auto; padding:23px 30px 23px 21px; background-color:#fff; border-bottom:#f7f7f7 solid 1px; }
.homenewdown .hd li{ width:100%; padding:1px 0 0 0;}
.homenewdown .hd li .downbox{ padding:22px 21px; background-color:#fff;} 	
}
@media  screen and (max-width:767px){
.homenewdown .ht .ht1{ width:100%; height:auto; border-bottom:#0068bb solid 1px; padding:25px 20px; }
.homenewdown .ht .ht1 .hleft{ width:100%;}

.homenewdown .hpic{ display:none; }	
.homenewdown .ht2{ height:auto; padding:25px 20px; }
.homenewdown .hd li .downbox{ padding:25px 20px;} 
.homenewdown h4{ margin:20px 0 15px 0; }
.homenewdown .hmore{ margin:25px 0 0 0;}
}

.back3{ background:url(images/main3.jpg) repeat; }
.solution{ padding:7.3% 0 0 0;}
.title_2{ height:44px; color:#0068bb; line-height:44px;}
.title_2 h3{ float:left; font-size:44px; font-weight:bold; }
.title_2 h3 span{ color:#0068bb; font-size:24px; font-weight:normal; }
.title_2 a{ float:right; margin:18px 0 0 0; color:#393939; font-size:14px; line-height:21px;}
@media  screen and (max-width:767px){
.title_2 h3{ font-size:32px; }
.title_2 h3 span{ font-size:18px; }
}


.soludown{ margin:29px 0 0 0; padding:64px 60px 68px 60px; }
.soludown .solutit{ color:#fff; font-size:16px; line-height:31px;}
.soluaccordion{ margin:35px 0 0 0;}
.soluaccordion li{ float:left; width:70px; overflow:hidden; cursor:pointer;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.soluaccordion li.active{ width:840px;}
.soluaccordion li .handcon{ float:left; width:840px;}
.soluaccordion .handif{ float:left; width:70px; height:280px; position:relative;}
.soluaccordion .handif.bg1{ background-color:#0068bb;}
.soluaccordion .handif.bg2{ background-color:#3185c7;}
.soluaccordion .handif.bg3{ background-color:#63a1d3;}
.soluaccordion .handif.bg4{ background-color:#7bafd9;}
.soluaccordion .handif .handtit{ position:absolute; width:14px; bottom:12px; left:50%; margin-left:-9px; color:#fff; font-size:18px; line-height:20px; word-break:break-all; text-align:center; }
.soluaccordion .handif .handtit span{ float:left; width:20px; height:20px;
}
.soluaccordion .handif .handtit span.span1{ width:20px; height:15px; line-height:12px; text-align:center;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}	
.soluaccordion .handpic{ float:left; width:770px; height:280px;}
@media  screen and (max-width:1199px){
.soludown{ padding:56px 50px 58px 50px;}	
.soluaccordion li{ width:58px; }
.soluaccordion li.active{ width:688px;}
.soluaccordion .handif{ width:58px; height:229px;}
.soluaccordion .handif .handtit{  font-size:14px;  }
.soluaccordion .handif .handtit span.span1{ width:10px; height:30px; line-height:12px; text-align:center;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
}	
.soluaccordion li .handcon{ width:688px;}
.soluaccordion .handpic{ width:630px; height:229px;}

}
@media  screen and (max-width:991px){
.soludown{ margin:20px 0 0 0; padding:30px 30px 35px 30px; background:#0068bb; }
.soluaccordion li{ width:100%; }
.soluaccordion li.active{ width:100%;}
.soluaccordion li .handcon{ width:100%;}
.soluaccordion .handif{ width:100%; height:auto; position: static;}
.soluaccordion .handif.bg1{ background-color:#1876c1;}
.soluaccordion .handif .handtit{ position: static; padding:25px 0 25px 15px; width:100%; bottom:auto; left:auto; margin-left:0; color:#fff; font-size:18px; line-height:20px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.soluaccordion .handpic{ width:100%; height:0; overflow:hidden;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.soluaccordion li.active .handpic{ height:auto;}
}
@media  screen and (max-width:767px){
.soludown{ padding:20px 20px 25px 20px; background:#0068bb; }
.soluaccordion{ margin:20px 0 0 0;}
.soluaccordion .handif .handtit{  padding:18px 0 18px 15px; }	
}


.back4{ background:url(images/main3.jpg) repeat; }
.homepro{ padding:7.35% 0 7.7% 0;}
.homepro .homeprodown{ margin:27px 0 0 0;}
.homepro .homeprodown .protop{ background-color:#fff; padding:0 0 0 45px;}
.homepro .homeprodown .protop ul{ text-align:center;}
.homepro .homeprodown .protop ul li{display:inline-block; height:75px; padding:0 30px; color:#2c2c2c; font-size:16px; line-height:75px; cursor:pointer; position:relative;}
.homepro .homeprodown .protop ul li .icon{ display:none; position:absolute; width:23px; height:10px; left:50%; bottom:0; margin-left:-11px; line-height:0;}
.homepro .homeprodown .protop ul li:hover .icon,
.homepro .homeprodown .protop ul li.active .icon{ display:block;}
.homepro .homeprodown .prodown{ }
.homepro .homeprodown .prodown .ul1{ display:none;}
.homepro .homeprodown .prodown .ul1.active{ display:block;}


.probox{ margin:0 -15px;}
.probox .l_800{ float:left;}
.probox .l_800 .t_800{}
.probox .l_800 .t_800 .l_400{ padding:30px 15px 0 15px;}
.probox .l_800 .t_800 .l_400 .bg400{ background:#fff; padding:0 28px; position:relative;}
.probox .l_800 .t_800 .l_400 .bg400:hover{ background:url(images/main15.png) right no-repeat #fff; background-size:auto 100%;}
.probox .l_800 .t_800 .l_400 .bg400 .l_190{ float:left; width:180px;}
.probox  h4{ height:46px; color:#212121; font-size:18px; line-height:23px; overflow:hidden; margin:37px 0 22px 0;}
.probox  h4.mri2{ margin:74px 0 22px 0; height:23px;}
.probox  h4.mri3{ margin:6px 0 17px 0; height:23px; text-align:center;}
.probox  h4 a{color:#212121;}
.probox  h4 a:hover{ color:#0067b9;}
.probox  .more{}
.probox  .more.mo2{ text-align: center;}
.probox  .more a{ display:inline-block; width:85px; height:33px; background-color:#0067b9; color:#fff; line-height:33px; text-align:center;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
}
.probox .l_800 .t_800 .l_400:hover .bg400 .l_190 .more a{ background-color:#e50012;}
.probox .l_800 .t_800 .l_400 .bg400 .r_124{ float:right; width:124px; height:204px; margin:20px 0;}
.probox .l_800 .d_800{}
.probox .l_800 .d_800 .z_800{ padding:30px 15px 0 15px;}
.probox .l_800 .d_800 .z_800 .bg800{background:#fff; padding:0 97px 0 28px; position:relative;}
.probox .l_800 .d_800 .z_800 .bg800:hover{background:url(images/main15.png) right no-repeat #fff; background-size:auto 100%;}
.probox .l_800 .d_800 .z_800 .bg800 .l_255{ float:left; width:255px;}
.probox .l_800 .d_800 .z_800 .bg800 .r_362{ float:right; width:362px; margin:20px 0;}
.probox .l_800 .d_800 .z_800 .bg800 .r_362 a{display:block; width:100%; padding-bottom:56%; overflow:hidden; position:relative;}
.probox .l_800 .d_800 .z_800 .bg800 .r_362 a img{position:absolute; width:80%; right:0%; top:-70%; }
.probox .new{ position:absolute; width:42px; height:42px; background-color:#e50012; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; line-height:42px; font-family:Arial, Helvetica, sans-serif; right:14px; top:19px;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}
.probox .l_800 .d_800 .z_800:hover .more a{ background-color:#e50012;}

.probox .r_400{ float:left;}
.probox .r_400 .t_400{ padding:30px 15px 0 15px;}
.probox .r_400 .t_400 .bg400{ background:#fff; padding:10px 72px 55px 72px; position:relative;}
.probox .r_400 .t_400 .bg400:hover{ background:url(images/main16.png) top no-repeat #fff; background-size:100% auto;}
.probox .r_400 .t_400 .bg400 .t226{ text-align:center; }
.probox .r_400 .t_400:hover .more a{ background-color:#e50012;}
@media  screen and (max-width:1199px){
.homepro .homeprodown .protop ul li{float:left;  padding:0 15px; }
.probox .l_800 .t_800 .l_400 .bg400{ padding:0 22px; }
.probox .l_800 .t_800 .l_400 .bg400 .l_190{ width:150px;}
.probox .l_800 .t_800 .l_400 .bg400 .r_124{ width:100px; height:165px;}	
.probox .l_800 .d_800 .z_800 .bg800{background:#fff; padding:0 97px 0 22px; }
.probox .l_800 .d_800 .z_800 .bg800 .l_255{ width:205px;}
.probox .l_800 .d_800 .z_800 .bg800 .r_362{ width:300px;}
.probox .r_400 .t_400 .bg400{ padding:10px 59px 55px 59px; }
}
@media  screen and (max-width:991px){
.homepro .homeprodown .protop{ background-color:#fff; padding:0 0 0 30px; margin:0;}
.homepro .homeprodown .protop li{ float:left; padding:0 25px; color:#2c2c2c; font-size:16px; line-height:50px; cursor:pointer; position:relative; outline:none;}
.homepro .homeprodown .protop .slick-dots{ height:0; overflow:hidden; border:0; background:0;}

.homepro .homeprodown .protop li .icon{ display:none; position:absolute; width:23px; height:10px; left:50%; bottom:0; margin-left:-11px; line-height:0;}
.homepro .homeprodown .protop li.slick-current .icon{ display:block;}

.homepro .homeprodown .protop h5{color:#2c2c2c; font-size:16px; line-height:60px; cursor:pointer;}
.homepro .homeprodown .protop .sj{ position:absolute; right:15px; top:24px; float:right; width:23px; height:10px; left:autp; bottom:auto; margin-left:0; line-height:0;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);
}
.homepro .homeprodown .protop ul{ display:none; position:absolute; width:100%; left:0; top:60px; background-color:#fff; z-index:1500; border-bottom:#eee solid 1px;border-top:#eee solid 1px; height:auto;}
.homepro .homeprodown .protop ul li{  float:none; height:50px; padding:0 30px; color:#2c2c2c; font-size:16px; line-height:50px; cursor:pointer; }
.homepro .homeprodown .protop ul li.active{ display:block;}


.probox .l_800 .t_800 .l_400 .bg400 .r_124{

justify-content:center;
-webkit-justify-content:center;
align-items: center;
-webkit-align-items: center;	
}	
}
@media  screen and (max-width:767px){
.probox .l_800 .t_800 .l_400{ padding:20px 15px 0 15px;}
.probox .l_800 .t_800 .l_400 .bg400:hover{ background:#fff;}
.probox .l_800 .t_800 .l_400 .bg400 .r_124{ float:none; margin:20px auto 0 auto; width:120px; height:180px; }
.probox .l_800 .t_800 .l_400 .bg400 .l_190{ width:100%;}
.probox  h4{ height:23px; font-size:14px;  margin:25px 0 15px 0; }
.probox  .more{ margin:0 0 25px 0;}
}
@media  screen and (max-width:480px){
.probox .l_800 .t_800 .l_400 .bg400{ padding:0 15px; }	
}
@media  screen and (max-width:480px){
.probox .l_800 .t_800 .l_400{ width:100%; }	
}


.back5{ background-color:#0068bb;}
.order{ background:url(images/main18.png) left no-repeat; background-size:auto 100%; position:relative; }
.order .l700{ float:left; width:700px; color:#fff;}
.order .l700 h3{ padding:58px 0 8px 0; color:#ffffff; font-size:36px; line-height:1.05;}
.order .l700 h4{ font-size:24px; line-height:1.25;}
.order .l700 .text{ padding:9px 0 22px 0; font-size:14px; line-height:31px;}
.order .l700 .butn{ padding:0 0 60px 0;}
.order .l700 .butn a{ float:left; width:126px; background-color:#fff; color:#0068bb; font-size:14px; text-align:center; line-height:44px;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
}
.order .l700 .butn a:hover{ background-color:#b3d2eb; }
.order .handtele{ position:absolute; width:401px; height:377px; right:-65px; bottom:0;}
@media  screen and (max-width:1199px){
.order .l700{ width:540px;}	
.order .handtele{ width:385px; height:auto;  right:0;}
}
@media  screen and (max-width:991px){
.order .l700{ width:420px;}
.order .l700 h3{ padding:40px 0 8px 0; color:#ffffff; font-size:36px; line-height:1.05;}
.order .l700 .text{ padding:9px 0 22px 0; font-size:14px; line-height:24px;}
.order .l700 .butn{ padding:0 0 40px 0;}	
.order .handtele{ width:300px; height:auto;  bottom:0;}
}
@media  screen and (max-width:767px){
.order .l700{ width:100%;}
.order .l700 h3{ font-size:30px;}
.order .handtele{ display:none;}	
}

/*down*/
.footer{ float:left; width:100%; background-color:#2a2a2a;}
.footer .load{ border-bottom:#404040 solid 1px;}
.footer .load .loadbox{ float:left; width:50%; height:62px; border-right:#404040 solid 1px; padding:12px 0 0 68px; position:relative;}
.footer .load .loadbox .loadtit{ position:absolute; width:53px; height:18px; line-height:18px; border-right:#a3a3a3 solid 1px; color:#ffffff; font-size:18px; left:0; top:24px;}
.footer .load .loadbox .slick_load{ height:38px; margin:0;}
.footer .load .loadbox .slick_load .slick-dots{display:none !important;}
.footer .load .loadbox .slick_load .slick-slide{ width:100%; outline:none;}
.footer .load .loadbox .slick_load a{ float:left; width:70%; color:#fff; font-size:14px; line-height:38px;}
.footer .load .loadbox .slick_load a:hover{ color:#9b9b9b;}
.arr{ position:absolute; width:14px; height:27px; right:19px; top:18px;}
.arr .zuo{ float:left; width:14px; height:8px; line-height:0; outline:0;}
.arr .zuo .img1{ display:block;}
.arr .zuo:hover .img1{ display:none;}
.arr .zuo .img2{ display:none;}
.arr .zuo:hover .img2{ display:block;}


.arr .you{ float:left; width:14px; height:8px; line-height:0; outline:0;}
.arr .you .img1{ display:block;}
.arr .you:hover .img1{ display:none;}
.arr .you .img2{ display:none;}
.arr .you:hover .img2{ display:block;}


.arr span{ float:left; width:14px; height:1px; margin:5px 0; background-color:#404040;}
.footer .load .telebox{ float: left; width:50%;  padding:20px 0;}
.footer .load .telebox .terl{ float:right; }
.footer .load .telebox .zdh{float:left; color:#fff; font-size:18px; font-weight:bold; line-height:22px;}
.footer .load .telebox .ztx{ float:left; color:#ffffff; font-size:14px; line-height:22px; padding-left:25px;}
.footer .load .telebox .zs{ float:left;}
.footer .load .telebox .zs .tb{ float:left; width:22px; height:22px; margin:0 0 0 12px;}
.footer .load .telebox .zs .tb img{ display:none;}
.footer .load .telebox .zs .tb img.imgs{ display:block;}
.footer .load .telebox .zs .tb:hover img.imgs{ display:none;}
.footer .load .telebox .zs .tb:hover img.imgd{ display:block;}
.footer .load .telebox .zs .tb .erwm{ display:none; position:absolute; width:118px; height:118px; left:-48px; bottom:22px; padding:12px 13px 13px 12px; background:url(images/foot6.png) no-repeat;}
.footer .load .telebox .zs .tb:hover .erwm{ display:block;}
.footer .load .telebox .zs .tb .erwm img{ display:block;}
.footer .copy{ padding:21px 0; color:#fff;}
.footer .copy .copyright{ float:left; line-height:18px;}
.footer .copy .copyright a{ color:#fff;}
.footer .copy .copyright a:hover{ color:#0068bb;}
.footer .copy .link{ float:right; line-height:36px;color:#fff;}
.footer .copy .link a{ color:#fff;}
.footer .copy .link a:hover{color:#0068bb;}
@media  screen and (max-width:767px){
.footer .load .loadbox{ width:100%; border-right:0; border-bottom:#404040 solid 1px; }
.footer .load .telebox{ width:100%; text-align:center; }
.footer .load .telebox .terl{ float:none; display:inline-block; }	
.footer .copy .copyright{ float:left; width:100%; text-align:center;}
.footer .copy .link{ float:left; width:100%; text-align:center; }
}
@media  screen and (max-width:354px){
.footer .load .telebox .terl{ float:none; display:inline-block; width:100%; }
.footer .load .telebox .zdh{float:none; margin:0 auto; color:#fff; font-size:18px; font-weight:bold; line-height:22px;}	
.footer .load .telebox .zs{ float:none; margin:10px auto 0 auto; width:155px;}
}

.foots{display:block;width:100%;padding:10px 10px ;float:left;background:rgba(255,255,255,0.9);border-top:1px solid #ebebeb;position:fixed;bottom:0;z-index:1800}
.f_num{float:left;font-size: 16px;color:#000;line-height: 20px;padding-left:35px;background:url(images/d_phone.png) left center no-repeat;background-size:30px auto}
.f_num a{display:block;font-size: 24px;line-height: 24px;font-family:"Arial";color:#397cc3;font-weight:bold}
.ding{ float:right;
	width: 42px;
	height: 42px;
	background-color: #397cc3;
	box-shadow: 0 6px 4px 0 #0c69b9 inset;
	line-height: 42px;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
}
.ding img{
	width: 22px;
	height: 12px;
}

/*1产品展示*/
.pro_bread{ position:relative;}
.pro_bread .bread{ position:absolute; width:100%; left:0; bottom:0; padding:27px 0; background-color:rgba(0,103,185,0.8); }
.pro_bread .bread h1{ float:left; height:44px; color:#fff; font-size:44px; line-height:44px; font-weight:bold;}
.pro_bread .bread h1 span{ font-size:24px; font-weight:normal;}
.pro_bread .bread .adress{ float:right; padding:10px 0; line-height:24px; color:#fff;}
.pro_bread .bread .adress a{ color:#fff;}
.pro_bread .bread .adress a:hover{ text-decoration:underline;}
@media  screen and (max-width:1199px){
.pro_bread .bread{ padding:17px 0; }	
}
@media  screen and (max-width:991px){
.pro_bread{ display:none;}	
.pro_bread .bread{ position: static;  width:100%; left:auto; bottom:auto; padding:15px 0; }
.pro_bread .bread h1{ float:left; height:44px; color:#fff; font-size:26px; line-height:40px;}
.pro_bread .bread h1 span{ font-size:20px; }
.pro_bread .bread .adress{ display:none; }
}

.proback{ background:url(images/main3.jpg) repeat;}
.pro270{ float:left; width:270px; padding:30px 0;}
.pz_SideLayer{ background-color:#fff;}
.pz_SideLayer li{}
.pz_SideLayer h3{ padding:0 20px; font-size:16px; color:#232323; line-height:64px; position:relative; cursor:pointer;}
.pz_SideLayer h3 a{ float:left; width:100%; border-bottom:#f2f2f2 solid 1px; }
.pz_SideLayer h3.active a{ color:#0068bb;}
.pz_SideLayer h3:hover a{ color:#0068bb;}
.pz_SideLayer h3 img.imgj{ display:none; position:absolute; width:20px; height:8px; left:31px; bottom:0; z-index:2; right:auto; top:auto;}
.pz_SideLayer h3.active img.imgj{ display:block; }
.pz_SideLayer h3 img.imgl{ display:none; position:absolute; width:10px; height:21px; left:0; top:50%; margin-top:-10px;}
.pz_SideLayer h3:hover img.imgl,
.pz_SideLayer h3.active img.imgl{ display:block;}


.pz_SideLayer .ul2{ display:none; background:#f2f2f2; padding:17px 0;}
.pz_SideLayer h4{ color:#4f4f4f; font-size:12px; padding:5px 0 5px 30px; line-height:25px; position:relative;}
.pz_SideLayer h4 a{color:#4f4f4f;}
.pz_SideLayer h4:hover a{ color:#0068bb;}
.pz_SideLayer h3 .img1{ display:none; position:absolute; right:20px; top:0; width:12px; height:12px; margin-top:27px; cursor:pointer;}
.pz_SideLayer h4 .img2{ display:none; position:absolute; left:20px; top:0; width:4px; height:1px; margin-top:18px; cursor:pointer; line-height:0;}

.pz_SideLayer h3 .img1.img_s,
.pz_SideLayer h4 .img2.img_s{
	display: block;
}
.pz_SideLayer h3.active .img1.img_s,
.pz_SideLayer h4.active .img2.img_s{
	display: none;
}
.pz_SideLayer h3:hover .img1.img_s,
.pz_SideLayer h4:hover .img2.img_s{
	display: none;
}
.pz_SideLayer h3.active .img1.img_d,
.pz_SideLayer h4.active .img2.img_d{
	display: block;
}
.pz_SideLayer h3:hover .img1.img_d,
.pz_SideLayer h4:hover .img2.img_d{
	display: block;
}

.pro870{ float:right; width:870px;}

.babyser{ background:#2a2a2a; position:relative;}
.babyser h2{ color:#fff; font-size:16px; font-weight:bold; line-height:48px; padding:0 15px;}
.babyser h2 .imgr{ float:right; margin:16px 0 0 0; transition: all 0.2s linear;}
.babyser h2.active .imgr{
-webkit-transform:rotate(90deg);
   -moz-transform:rotate(90deg);
     -o-transform:rotate(90deg);
        transform:rotate(90deg);
}
.pz_SideLayerph{ display:none; position:absolute; width:100%; left:0; top:48px; background-color:#fff; z-index:25;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{border-bottom:#e1e1e1 solid 1px; color:#333; font-size:16px; line-height:48px; cursor:pointer;}
.pz_SideLayerph .l1 h3 a{ color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#0067b9;}
.pz_SideLayerph .l1 h3 img{ float:right; width:9px; height:9px; margin:19px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 .l1ul li{ padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

.proinbox{ }
.proinbox ul{ min-height:500px; margin:0 -15px;}
.proinbox ul .li1{ float: left; width:100%; padding:30px 15px 0 15px;}
.proinbox ul .li1 .bg870{ padding:0 30px; background-color:#fff;}
.proinbox ul .li1 .bg870:hover{
-webkit-box-shadow: 0 1px 8px #ccc;
   -moz-box-shadow: 0 1px 8px #ccc;
     -o-box-shadow: 0 1px 8px #ccc;
        box-shadow: 0 1px 8px #ccc;
	}
.proinbox ul .li1 .bg870 .l_370{ float:left; width:45.6%;}
.proinbox ul .li1 .bg870 .l_370 h4{ margin:53px 0 20px 0; height:23px; color:#212121; font-size:18px; line-height:23px;}
.proinbox ul .li1 .bg870 .l_370 h4 a{color:#212121;}
.proinbox ul .li1 .bg870 .l_370 h4 a:hover{ color:#0067b9;}
.proinbox ul .li1 .bg870 .l_370 .tit{ margin:11px 0 0 0; color:#212121; font-size:14px; line-height:23px; overflow:hidden;}
.proinbox ul .li1 .bg870 .l_370 .tit.h1{ height:23px;}
.proinbox ul .li1 .bg870 .l_370 .tit.h2{ height:46px;}
.proinbox ul .li1 .bg870 .r_362{ float:right; width:44.6%; margin:55px 0 0 0;}
.proinbox ul .more{ margin:31px 0 54px 0;}
.proinbox ul .more a{ display:inline-block; width:85px; height:33px; background-color:#0067b9; color:#fff; line-height:33px; text-align:center;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
}
.proinbox ul .li1:hover .more a{ background-color:#e50012;}
.proinbox ul .li2:hover .more a{ background-color:#e50012;}
.proinbox ul .li2{ float:left; width:50%; padding:30px 15px 0 15px;}
.proinbox ul .li2 .bg400{ background:#fff; padding:0 28px; position:relative;}
.proinbox ul .li2 .bg400:hover{ background:url(images/main15.png) right no-repeat #fff; background-size:auto 100%;
-webkit-box-shadow: 0 1px 8px #ccc;
   -moz-box-shadow: 0 1px 8px #ccc;
     -o-box-shadow: 0 1px 8px #ccc;
        box-shadow: 0 1px 8px #ccc;
}
.proinbox ul .li2 .bg400 .l_190{ float:left; width:190px;}
.proinbox ul .li2 .bg400 .r_124{ float:right; width:124px; height:204px; margin:20px 0;}
.proinbox ul .li2 h4{ height:46px; color:#212121; font-size:18px; line-height:23px; overflow:hidden; margin:37px 0 22px 0;}
.proinbox ul .li2 h4.mri2{ margin:74px 0 22px 0; height:23px;}
.proinbox ul .li2 h4.mri3{ margin:6px 0 17px 0; height:23px; text-align:center;}
.proinbox ul .li2  h4 a{color:#212121;}
.proinbox ul .li2  h4 a:hover{ color:#0067b9;}
@media  screen and (max-width:1199px){
.pro870{ float:left; width:100%;}
.proinbox ul .li2 .bg400 .l_190{ width:220px;}
}
@media  screen and (max-width:991px){
.proinbox ul{ min-height:50px;}
.proinbox ul .li2 .bg400 .l_190{ width:160px;}	
}
@media  screen and (max-width:767px){
.proinbox ul .li1 .bg870{ padding:0 22px; }
.proinbox ul .li1 .bg870 .l_370{ width:100%;}
.proinbox ul .li1 .bg870 .r_362{ width:100%; margin:20px 0 0 0; text-align:center;}
.proinbox ul .li2{ padding:20px 15px 0 15px;}
.proinbox ul .li2 .bg400{ padding:0 22px;}
.proinbox ul .li2 .bg400:hover{ background:#fff;}
.proinbox ul .li2 .bg400 .r_124{ float:none; margin:20px auto 0 auto }
.proinbox ul .li2 .bg400 .l_190{ width:100%;}
.proinbox ul .li2  h4{ height:23px; font-size:14px; margin:25px 0 15px 0; text-align:center; }
.proinbox ul .li2  .more{ margin:0 0 25px 0; text-align:center;}
}
@media  screen and (max-width:480px){
.proinbox ul .li2 .bg400{ padding:0 15px; }	
}
@media  screen and (max-width:480px){
.proinbox ul .li2{ width:100%; }	
}


/*2产品详情2*/
.prostail{ padding:30px 0 50px 0;}
.prostail .pronow{ border:#ebebeb solid 1px; background:url(images/pro9.jpg) 50% repeat-y #fff;}
.prostail .pronow .nowleft{ float:left; width:50%; padding:10px;}
.prostail .pronow .nowleft .big{ position:absolute; width:40px; height:40px; right:0px; bottom:0px;}
.prostail .pronow .nowright{ float:left; width:50%; padding:0 25px;}
.prostail .pronow .nowright h2{ margin:8.4% 0 7.33% 0; color:#0067b9; font-size:20px; line-height:1.2;}
.prostail .pronow .nowright h1{ margin:8.4% 0 7.33% 0; color:#0067b9; font-size:20px; line-height:1.2;}
.prostail .pronow .nowright .nownr{ padding:0 0 0 18px; color:#333232; font-size:14px; line-height:30px; position:relative;}
.prostail .pronow .nowright .nownr::before{ position:absolute; content:""; width:8px; height:1px; left:0; top:13px; background-color:#0067b9;}
.prostail .pronow .nowright .bbtn{ margin:10.3% 0 0 0;}
.prostail .pronow .nowright .bbtn a{ float:left; width:157px; color:#fff; font-size:18px; line-height:50px; background-color:#0067b9; text-align:center;
        border-radius:5px;
-webkit-border-radius:5px;
   -moz-border-radius:5px;
     -o-border-radius:5px;
}
.prostail .pronow .nowright .bbtn a:hover{ background-color:#267ec3;}
.prostail .prodow{ margin:20px 0 0 0; border:#ebebeb solid 1px; background-color:#fff;}
.prostail .prodow .hd{ border-bottom:#ebebeb solid 1px; height:46px; margin-top:-1px;}
.prostail .prodow .hd ul{}
.prostail .prodow .hd ul li{ float:left; padding:0 29px; border-right:#ebebeb solid 1px; color:#333333; font-size:14px; line-height:45px;}
.prostail .prodow .hd ul li.active{ background:url(images/pro12.png) top center no-repeat;}
.prostail .prodow .bd{ padding:15px 19px 29px 19px;}
.prostail .prodow .bd .bdul{ display:none; color:#4c4c4c; font-size:14px; line-height:28px;}
.prostail .prodow .bd .bdul.active{ display:block;}
.prostail .propag{ margin:20px 0 0 0; padding:8px 0; border:#ebebeb solid 1px; background-color:#fff;}
.prostail .propag .zpage{ float:left; width:50%; padding:5px 20px; color:#666666; line-height:20px;}
.prostail .propag .zpage:hover{ color:#267ec3;}

.prostail .propag .ypage{ float:right; width:50%; padding:5px 20px; color:#666666; line-height:20px; text-align:right;}
.prostail .propag .ypage:hover{ color:#267ec3;}
@media  screen and (max-width:1199px){
.prostail .pronow .nowleft{ height:381px;}
}
@media  screen and (max-width:991px){
.prostail{ padding:30px 0 40px 0;}
.prostail .pronow .nowleft{ height:auto;}	
}
@media  screen and (max-width:767px){
.prostail .pronow{ background:#fff;}
.prostail .pronow .nowleft{ width:100%;}	
.prostail .pronow .nowright{ width:100%; padding:0 15px 25px 15px; border-top:#ebebeb solid 1px;}
.prostail .pronow .nowright .bbtn a{ width:120px; font-size:16px; line-height:42px;}
.prostail{ padding:20px 0 20px 0;}
.prostail .propag .zpage{ width:100%;}
.prostail .propag .ypage{ width:100%; text-align:left;}	
}
@media  screen and (max-width:480px){
.prostail .prodow .hd ul li{ padding:0 14px; }	
}

/*下载中心*/
.loading{ padding:20px 0 0 0;}
.loading ul{ min-height:500px;}
.loading ul li{ margin-top:10px; background-color:#fff; position:relative;}
.loading ul li:hover{
-webkit-box-shadow: 0 6px 6px #ddd;
   -moz-box-shadow: 0 6px 6px #ddd;
     -o-box-shadow: 0 6px 6px #ddd;
        box-shadow: 0 6px 6px #ddd;	
}
.loading ul li .z_331{ position: absolute; right:0; top:0; width:224px; float:right; height:80px;}
.loading ul li .z_331 .ico{ float:right; width:75px; height:80px; padding:15px 0 0 0; background:url(images/load3.png) no-repeat;}
.loading ul li .z_331 .ico .icon{ height:29px; text-align: center; line-height:0;}
.loading ul li .z_331 .ico .icon img{ width:19px; height:29px;}
.loading ul li .z_331 .ico .tit{ text-align:center; color:#fff; font-size:16px; line-height:28px;}
.loading ul li .z_331 .title{ float:left;  height:27px; padding-left:20px; margin:27px 0 26px 0; border-left:#d9d9d9 solid 1px; color:#888888; font-size:14px; line-height:27px;}
.loading ul li .z_838{ padding:0 234px 0 36px; height:80px; color:#1c1c1c; font-size:16px; line-height:80px;}
.loading ul li .z_838 .three{ position:absolute; width:6px; height:11px; left:21px; top:35px; line-height:0;}
@media  screen and (max-width:991px){
.loading ul{ min-height:5px;}
}
@media  screen and (max-width:767px){
.loading ul li .z_331{  width:75px;}
.loading ul li .z_331 .title{ padding-left:10px;}
.loading ul li .z_838{ padding:10px 80px 0 30px; height:80px; color:#1c1c1c; font-size:16px; line-height:40px;}
.loading ul li .z_838 .title{color:#888888; font-size:14px; line-height:15px; margin-bottom:15px;}
.loading ul li .ld{ height:60px;  padding:12px 0 0 0; background:url(images/load3.png) right top no-repeat #0068bb;}
.loading ul li .ld .icon{ height:15px; text-align: center;}
.loading ul li .ld .icon img{ width:10px; height:15px;}
.loading ul li .ld .tit{ text-align:center; color:#fff; font-size:16px; line-height:28px;}
.loading ul li .z_838 .three{ left:15px;}
}

.loadbg{ display:none; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.5); left:0; top:0; z-index:1600;}
.loadwindow{ display:none; position:fixed; width:578px; background-color:#fff; left:50%; top:50%; margin:-222px 0 0 -289px; padding:0 30px 0 30px; border-top:#0068bb solid 5px; z-index:1600;}
.honorwindow{ display:none; position:fixed; width:578px; background-color:#fff; left:50%; top:50%; margin:-222px 0 0 -289px; padding:20px; z-index:550; border-top:#0068bb solid 5px; z-index:1601;}
.loadwindow .loaddown{ border-bottom:#e6e6e6 solid 1px; color:#0068bb; font-size:26px; line-height:2.65; text-align:center;}
.loadwindow .loadunder{ padding:30px 69px 60px 70px;}
.loadwindow .loadline{ margin:19px 0 0 0; position:relative; padding:0 0 0 70px;}
.loadwindow .loadline .loadt{ position:absolute; left:0; top:0; color:#4c4c4c; font-size:14px; line-height:44px;}
.loadwindow .loadline .loadright{}
.loadwindow .loadline2{ margin:40px 0 0 0; text-align:center;}
.loadfom{ float: left; width:100%; height:44px; border:#e0e0e0 solid 1px; padding:0 10px; color:#333; font-size:14px; line-height:42px;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
-webkit-appearance:none;
outline:0;	 
}
.loadfom2{ display:inline-block; *display:inline; *zoom:1; width:225px; height:50px; border:0; padding:0; margin:0; color:#fff; font-size:18px; line-height:50px; background-color:#0068bb;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
-webkit-appearance:none;
outline:0;	 
}
.loadfom2:hover{ background-color:#1977c2;}
.honorwindow  .gbbtn,
.loadwindow .gbbtn{ position:absolute; width:40px; height:40px; right:-40px; top:-10px; cursor:pointer;}
.inco1 ::-webkit-input-placeholder { color:#999 !important;}  
.inco1 :-moz-placeholder {  color:#999 !important;}
.inco1 ::-moz-placeholder {  color:#999 !important;}
.inco1 :-ms-input-placeholder { color:#999 !important; }
@media  screen and (max-width:767px){
.loadwindow{ width:320px; margin:-235px 0 0 -160px; padding:0 10px 0 10px;}	
.honorwindow{width:320px; margin:-191px 0 0 -160px; padding:10px;}
.loadwindow .loadunder{ padding:10px 15px 30px 15px;}
.loadwindow .loadline2{ margin:30px 0 0 0;}
}
@media  screen and (max-width:400px){
.loadwindow{ width:290px; margin:-235px 0 0 -145px; padding:0 10px 0 10px;}
.honorwindow{ width:290px; margin:-191px 0 0 -145px; padding:10px;}	
.loadwindow .gbbtn{ width:30px; height:30px; right:-15px; top:-15px; background-color:#000;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}	
}


/*5在线订单*/
.orderin{ background-color:#fff; margin:30px 0; padding:30px 30px 63px 30px;}
.orderin.er2{ padding:0 30px 63px 30px;}
.orderin .ordertop{ padding:0 30px; background:url(images/order1.jpg) no-repeat center; background-size:cover;}
.orderin .ordertop h3{ padding:3.7% 0 0 0; color:#0068bb; font-size:36px; font-weight:bold; line-height:1;}
.orderin .ordertop h4{ padding:7px 0 0 0; color:#0068bb; font-size:24px; line-height:1;}
.orderin .ordertop  .ordtext{ padding:18px 0 4.7% 0; color:#4f5050; font-size:14px; line-height:25px;}

.orderdown1{ padding:27px 0 0 0;}
.oredrdown h5{ color:#242424; font-size:18px; font-weight:bold; line-height:20px;}
.oredrdown .hdtit{ padding:15px 0; color:#242424; font-size:14px; line-height:20px;}
.oredrdown .orderline{}
.oredrdown .mt_1{ margin-top:20px;}
.oredrdown .mt_2{ margin-left:2%;}
.oredrdown .mt_3{ margin-top:40px; text-align:center;}
.oredrdown .orderline .orleft1{ float:left; width:49.38%; border:#ebebeb solid 1px; position:relative;}
.oredrdown .orderline .ortit{ position:absolute; left:19px; top:0; color:#242424; font-size:16px; line-height:48px;}
.oredrdown .orderline .ortit span{ color:#e50012;}
.oredrdown .orderline .orleft2{  }
.oredrdown .orderline .orleft2.pl_1{ padding:0 0 0 65px;}
.oredrdown .orderline .orleft2.pl_2{ padding:0 0 0 70px;}
.oredrdown .orderline .orleft2.pl_3{ padding:0 0 0 100px;}
.oredrdown .orderline .orleft2.pl_4{ padding:0 0 0 80px;}
.oredrdown .orderline .orleft3{ float:right; width:49.38%; border:#ebebeb solid 1px; position:relative;}
.oredrdown .orderline .orleft4{ float:left; width:100%;border:#ebebeb solid 1px; position:relative;}
.oredrdown .orderline .orleft5{ float:left; width:33.33333%;}

.ordefom1{ float:left; width:100%; color:#333; font-size:16px; line-height:48px; border:0; padding:0; margin:0;
-webkit-appearance:none;
        border-radius:0;
-webkit-border-radius:0;
   -moz-border-radius:0;
     -o-border-radius:0;
	 outline:0;
}
.ordefom2{ float:left; width:100%; text-indent:10px; height:48px; border:0; background:#fff; padding:0 18px 0 10px; margin:0;  color:#333; font-size:16px; line-height:48px; 
        border-radius:0;
-webkit-border-radius:0;
   -moz-border-radius:0;
     -o-border-radius:0;
	 outline:0;
}
.ordefom2_has{ float:right; margin-top:-48px; color:#333; font-size:16px; line-height:48px;}
.ordefom3{ float:left; width:100%; height:195px; color:#333; font-size:16px; line-height:24px; border:0; padding:12px 10px 12px 0; margin:0;
-webkit-appearance:none;
        border-radius:0;
-webkit-border-radius:0;
   -moz-border-radius:0;
     -o-border-radius:0;
	 outline:0;
}
.ordefom4{ display:inline-block; *display:inline; *zoom:1;  width:185px; height:50px; color:#fff; font-size:18px; line-height:50px; border:0; padding:0; margin:0; background-color:#0068bb;
-webkit-appearance:none;
        border-radius:4px;
-webkit-border-radius:4px;
   -moz-border-radius:4px;
     -o-border-radius:4px;
	 outline:0;
}
.ordefom4:hover{ background-color:#1977c2;}
.orderdown2{ padding:37px 0 0 0;}
.oredrdown .orderline .orleft6{ float:left; width:32%;border:#ebebeb solid 1px; position:relative;}
.oredrdown .orderline .orleft7{ float:left; width:100%;border:#ebebeb solid 1px; position:relative;}
.oredrdown .orderline .orleft8{ float:left; width:160px; margin-left:10px;}
.inco2 ::-webkit-input-placeholder { color:#333 !important;}  
.inco2 :-moz-placeholder {  color:#333 !important;}
.inco2 ::-moz-placeholder {  color:#333 !important;}
.inco2 :-ms-input-placeholder { color:#333 !important; }
@media  screen and (max-width:767px){
.orderin{  margin:0 -15px; padding:30px 30px 40px 30px;}
.orderin.er2{ padding:0 30px 40px 30px;}
.orderin .ordertop h3{ font-size:30px;}
.oredrdown .mt_2{ margin-left:0;}
.oredrdown .orderline .orleft1{ width:100%;}
.oredrdown .orderline .orleft3{ float:left; width:100%; }
.oredrdown .orderline .orleft5{ width:100%; /*padding-right:20px;*/}
.oredrdown .orderline .orleft6{ width:100%;}
.ordefom2{   direction: ltr; border:0; outline:0;

}
.ordefom2{ border-bottom:#f1f1f1 solid 1px;}
}
@media  screen and (max-width:480px){
.orderin{ padding:20px 15px 30px 15px;}
.orderin.er2{ padding:0 15px 30px 15px;}	
}


/*6宏瑞简介*/
.aboutbox{ margin:30px 0 ; background-color:#fff; color:#222222; font-size:16px; line-height:37px; padding:10px 30px; overflow:hidden;}
.aboutbox .hone1{ text-align:center; margin-left:-30px; margin-top:-10px; width:107%; }
.aboutbox .hone2{ padding:30px 0 50px 0;}
.aboutbox .hone2 .honetit{ color:#1977c2; font-size:18px;}
.aboutbox .hone2 .honetit2{ color:#e50012;}
@media  screen and (max-width:992px){

.aboutbox .hone1{ width:109%; }
	
}
@media  screen and (max-width:767px){
.aboutbox{ margin:0 -15px; line-height:30px; padding:10px 15px; }
.aboutbox .hone1{ padding:15px 0 0 0; margin:0; width:auto; }
.aboutbox .hone2{ padding:20px 0 30px 0;}	
}


/*7资质荣誉*/
.honorbox{ padding:4px 0 0 0; margin:0 -15px;}
.honorbox ul{ min-height:500px;}
.honorbox ul li{ padding:26px 15px 0 15px;}
.honorbox ul li .honout{ padding:0 0 19px 0;  position:relative;}
.honorbox ul li .honcon{ padding:37px 17px 73px 17px; background-color:#fff; position:relative; overflow:hidden;}
.honorbox ul li .honcon .img1{ width:237px; height:160px;}
.honorbox ul li .honout .searchico{ position:absolute; width:38px; height:38px; bottom:0px; left:50%; margin-left:-19px; background-color:#fff; overflow:hidden; background-color:#fff; z-index:5;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.honorbox ul li .honout:hover .searchico{ background-color:#0068bb;}
.honorbox ul li .honout .searchico i{ float:left; width:80px; height:38px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.honorbox ul li .honout:hover .searchico i{ margin-left:-42px;}
.honorbox ul li .honcon .honblue{ position:absolute; width:100%; padding:35px 10px 45px 10px; left:0; bottom:-50%; background-color:rgba(0,104,187,0.9); color:#fff; font-size:14px; text-align:center;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.honorbox ul li .honcon .honblue a{ color:#fff;}
.honorbox ul li .honcon:hover .honblue{ bottom:0;}
@media  screen and (max-width:1199px){
.honorbox ul li .honcon .img1{ width:266px; height:180px;}	
}
@media  screen and (max-width:991px){
.honorbox ul{ min-height:5px;}
.honorbox ul li .honcon{ padding:20px 17px 50px 17px; background-color:#fff; position:relative; overflow:hidden;}
.honorbox ul li .honcon .img1{ width:192px; height:130px;}	
}
@media  screen and (max-width:767px){
.honorbox{ padding:5px 0 0 0;}
.honorbox ul li{ padding:15px 15px 0 15px;}
.honorbox ul li .honcon .img1{ width:100%; height:auto;}	
.honorbox ul li .honcon .honblue{ padding:15px 10px 30px 10px; bottom:0;}
}
@media  screen and (max-width:480px){
.honorbox ul li{ width:100%}
}

/*8联系我们*/
.contactbox{ padding:30px 30px 40px 30px; color:#373737; line-height:22px;}
.contactbox h4{ color:#2c2c2c; font-size:18px; font-weight:bold; line-height:30px; margin:}
.contactbox .tacttit{ color:#8a8a8a; font-size:14px; line-height:20px; padding:5px 0 16px 0; border-bottom:#ececec solid 1px;}
.contactbox .tactaddress{ padding:10px 0 0 0; color:#373737; font-size:14px; font-weight:bold; line-height:20px;}
.contactbox .tactaddresscon{ padding:14px 0 11px 0; color:#343434; font-size:14px; line-height:24px;}
.contactbox .tactewm{ padding:14px 0 30px 0;}
.contactbox .tactewm .l_160{ float:left; width:161px;}
.contactbox .tactewm .rewm{ float:left; padding:97px 0 0 15px; color:#343434; font-size:14px; line-height:22px;}
.contactbox .tactmap{ margin:10px 0 0 0;}

.contactbox .cmap{ height:247px;}
.contactbox label{ max-width:170px;}
.contactbox .BMapLabel{ float:left; background:0 !important; width:183px !important; border:0 !important; height:52px;  font-size:14px; line-height:25px!important; text-align:center;}
.contactbox .BMapLabel a{ color:#f54336;}
.contactbox .BMapLabel div{ width:183px; height:52px; padding:12px 0 0 0;background:url(images/contact2.png) no-repeat;}
.contactbox .banglist{ padding:16px 0 0 0;}
.contactbox .banglist .list{ padding:22px 0 0 0; font-size:14px;}
.contactbox .fun{ padding:13px 0 20px 0; border-top:#ececec solid 1px;}
.contactbox .fun .funso{ float:left; width:48.9%; padding:17px 0 0 0;}
.contactbox .fun .funso.mr{ margin-right:2.2%;}
.contactbox .fun .funso .funtop{ background-color:#e0e0e0; color:#0068bb; font-size:18px; line-height:60px; padding:0 19px; font-weight:bold;}
.contactbox .fun .funso:hover .funtop{ background-color:#0068bb; color:#fff;}
.contactbox .fun .funso .fundown{ height:135px; padding:15px 5px 30px 15px; background-color:#f7f7f7; }
.contactbox .fun .funso .fundown .funtext{ padding:5px 0; line-height:20px; color:#666666; font-size:14px;}
@media  screen and (max-width:991px){
.contactbox .fun .funso .fundown{ height:165px;  }	
}
@media  screen and (max-width:767px){
.contactbox{ padding:20px 15px 30px 15px; }	
.contactbox .cmap{ height:200px;}
.contactbox .fun{ padding:3px 0 10px 0; }
.contactbox .fun .funso .fundown{ height:auto; padding:15px 5px 30px 15px; background-color:#f7f7f7; }
.contactbox .fun .funso{ width:100%; padding:17px 0 0 0;}
.contactbox .fun .funso.mr{ margin-right:0;}
.contactbox .fun .funso .funtop{ line-height:48px;}
}
@media  screen and (max-width:350px){
.contactbox .tactewm .l_160{ width:120px;}	
.contactbox .tactewm .rewm{ padding:55px 0 0 15px; }
}


/*9新闻中心2*/
.newbox{}
.newbox ul{ min-height:500px;}
.newbox ul li{ margin:30px 0 0 0;}
.newbox ul li .ht1{ padding:25px 32px 30px 30px; background-color:#fff; position:relative;}
.newbox ul li .ht1:hover{
-webkit-box-shadow: 0 2px 8px #ddd;
   -moz-box-shadow: 0 2px 8px #ddd;
     -o-box-shadow: 0 2px 8px #ddd;
        box-shadow: 0 2px 8px #ddd;	
}
.newbox ul li .ht1 .hleft{ padding:0 292px 0 0;}
.newbox ul li .ht1 .time{}
.newbox ul li .ht1 .time .timeb{ color:#0067b9; font-size:30px; font-weight:bold; line-height:30px;}
.newbox ul li .ht1 .time .timeb span{ color:#2b2b2b; font-size:14px; font-weight:normal;}
.newbox ul li .ht1 .time .times{ color:#0067b9; font-size:14px; line-height:16px; text-transform:uppercase;}
.newbox ul li .ht1 h4{ margin:27px 0 14px 0; color:#2b2b2b; font-size:16px; line-height:22px;}
.newbox ul li .ht1 h4.er{ margin:26px 0 5px 0; height:62px; line-height:31px; overflow:hidden;}
.newbox ul li .ht1 h4 a{color:#2b2b2b;}
.newbox ul li .ht1:hover h4 a{ color:#0068bb;}
.newbox ul li .ht1 .ntext{ height:52px; overflow:hidden; line-height:26px; color:#676767; font-size:14px;}
.newbox ul li .ht1 .ntext a{color:#676767;}
.newbox ul li .ht1 .hmore{ margin:43px 0 0 0;}
.newbox ul li .ht1 .hmore a{ float:left; width:36px; height:36px;}
.newbox ul li .ht1 .hmore a img{ display:none;}
.newbox ul li .ht1 .hmore a img.imgs{ display:block;}
.newbox ul li .ht1:hover .hmore a img.imgs{ display:none;}
.newbox ul li .ht1:hover .hmore a img.imgd{ display:block;}
.newbox ul li .hpic{ position:absolute;  width:247px; height:247px; right:32px; top:31px; overflow:hidden;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}
@media  screen and (max-width:680px){
.newbox ul li{ margin:20px 0 0 0;}
.newbox ul li .hpic{ position: static;  width:100%; height:auto; right:auto; top:auto; 
        border-radius:0;
-webkit-border-radius:0;
   -moz-border-radius:0;
     -o-border-radius:0;
}
.newbox ul li .ht1 .hleft{ padding:0;}
.newbox ul li .ht1 .time{ padding:18px 0 0 0;}
.newbox ul li .ht1 h4{ margin:20px 0 14px 0; }	
.newbox ul li .ht1 .hmore{ margin:22px 0 0 0;}
}
@media  screen and (max-width:480px){
.newbox ul li .ht1{ padding:15px 15px 20px 15px; background-color:#fff; position:relative;}	
}


/*3解决方案2*/
.pz_SideLayer_2{ height:74px; background-color:#fff; text-align:center;}
.pz_SideLayer_2 li{ display:inline-block; border-right:#e3e3e3 solid 1px; margin:0;}
.pz_SideLayer_2 li:first-child{ border-left:#e3e3e3 solid 1px;}
.pz_SideLayer_2 h3{ width:230px; font-size:16px; color:#232323; line-height:74px; position:relative; cursor:pointer;}
.pz_SideLayer_2 h3 a{ float:left; width:100%; padding:0   }
.pz_SideLayer_2 h3.active a{ color:#0068bb;}
.pz_SideLayer_2 h3:hover a{ color:#0068bb;}
.pz_SideLayer_2 h3 img.imgj{ display:none; position:absolute; width:20px; height:8px; left:31px; bottom:0; z-index:2; right:auto; top:auto;}
.pz_SideLayer_2 h3.active img.imgj{ display:block; }
.pz_SideLayer_2 h3 img.imgl{ display:none; position:absolute; width:21px; height:10px; left:50%; bottom:0; margin-left:-10px;}
.pz_SideLayer_2 h3:hover img.imgl,
.pz_SideLayer_2 h3.active img.imgl{ display:block;}
@media  screen and (max-width:991px){
.pz_SideLayer_2{ display:none;}	
}

.casebox_1{ margin:50px 0; padding:0 30px; background-color:#fff;}
.casebox_1 h3{ color:#0067b9; font-size:26px; text-align:center; line-height:1.15; padding:32px 0 12px 0;}
.casebox_1 .casecontent{ padding-bottom:20px; color:#585858; font-size:14px; line-height:32px;}
.casebox_1 .casecontent .ent_1{}
.casebox_1 .casecontent .ent_2{ padding:15px 0 0 0;}
.casebox_1 .casecontent .ent_2 .ent2_1{ float:left; width:312px;}
@media  screen and (max-width:767px){
.casebox_1{ margin:20px 0; padding:0 20px; }
.casebox_1 h3{ font-size:22px;}
.casebox_1 .casecontent .ent_2 .ent2_1{ width:100%;}	
}

.casebox_2{ background:url(images/case3.jpg) top center no-repeat; background-size:100% 198px;}
.title_3{ margin:43px 0; overflow:hidden; text-align:center;}
.title_3 .title3{ display:inline-block; *display:inline; *zoom:1; padding:0 20px; color:#ffffff; font-size:26px; line-height:32px; position:relative;}
.title_3 .title3 .zz{ position:absolute; width:354px; height:3px; right:100%; top:14px; z-index:5; line-height:0;}
.title_3 .title3 .yy{ position:absolute; width:354px; height:3px; left:100%; top:14px; z-index:5; line-height:0;}
@media  screen and (max-width:767px){
.title_3{ margin:28px 0; }
.title_3 .title3{ font-size:22px; }
}
.casebox_2 .usecase{ background-color:#ebebeb; padding:1px 0 0 1px;}
.casebox_2 .usecase ul li{ float:left; width:25%; padding:0 1px 1px 0;}
.casebox_2 .usecase ul li .useimg{ background-color:#000; overflow:hidden; position:relative;}
.casebox_2 .usecase ul li h5{ position: absolute; width:100%; left:0; top:50%; margin-top:-10px; color:#ffffff; font-size:18px; line-height:20px; text-align:center;}
.casebox_2 .usecase ul li .black{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(images/case8.png) repeat;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
              opacity: 0; 
filter: alpha(opacity=0); 
         -moz-opacity: 0;
       -khtml-opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}
.casebox_2 .usecase ul li:hover .black{
              opacity: 1; 
filter: alpha(opacity=100); 
         -moz-opacity: 1;
       -khtml-opacity: 1;
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
}
@media  screen and (max-width:991px){
.casebox_2 .usecase ul li{ width:33.33333333%;}	
}
@media  screen and (max-width:600px){
.casebox_2 .usecase ul li{ width:50%;}		
}

.casebox_3{ padding:50px 0 0 0;}
.title_4{ margin:35px 0; overflow:hidden; text-align:center;}
.title_4 .title3{ display:inline-block; *display:inline; *zoom:1; padding:0 20px; color:#0068bb; font-size:26px; line-height:32px; position:relative;}
.title_4 .title3 .zz{ position:absolute; width:354px; height:3px; right:100%; top:14px; z-index:5; line-height:0;}
.title_4 .title3 .yy{ position:absolute; width:354px; height:3px; left:100%; top:14px; z-index:5; line-height:0;}
@media  screen and (max-width:767px){
.title_4{ margin:28px 0; }
.title_4 .title3{ font-size:22px; }
}

.industry{ margin:0 -15px;}
.industry div{ float:left; width:100%;}
.industry .slick-slide{ width:100%; outline:0;}
.industry .slick-slide .indubox{ width:100%;}
.industry .slick-slide .indubox li{ float:left; width:33.33333%; padding:0 15px 25px 15px;}
.industry .slick-slide .indubox li .inli{ width:100%; overflow:hidden;}
.industry .slick-slide .indubox li .inli img{ width:370px; height:217px;
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
}
.industry .slick-slide .indubox li .inli:hover img{
		transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
-webkit-transform: scale(1.09,1.09);
     -o-transform: scale(1.09,1.09);	
   -moz-transform: scale(1.09,1.09);
}
.industry .slick-slide .indubox li h4{ position: relative; float:left; width:54%; margin:0 23% 0 23%; top:-25px; background:url(images/case8.png) repeat; color:#ffffff; font-size:14px; line-height:50px; text-align:center;}
.industry .slick-slide .indubox li h4 a{ color:#fff;}
.industry .slick-dots{ position:static;}
.industry .slick-dots li{ width:19px; height:19px; margin:0 8px; border:#f7f7f7 solid 1px; position:relative;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}
.industry .slick-dots li.slick-active{ border-color:#e50012;}
.industry .slick-dots li::before{ position:absolute; width:9px; height:9px; content:""; left:4px; top:4px; background-color:#2c66ba;
        border-radius:50%;
-webkit-border-radius:50%;
   -moz-border-radius:50%;
     -o-border-radius:50%;
}
.industry .slick-dots li.slick-active::before{ background-color:#e50012;}
@media  screen and (max-width:1199px){
.industry .slick-slide .indubox li .inli img{ width:300px; height:176px;}	
}
@media  screen and (max-width:991px){
.industry .slick-slide .indubox li{ width:50%; }
.industry .slick-slide .indubox li .inli img{ width:354px; height:208px;}	
}
@media  screen and (max-width:767px){
.casebox_3{ padding:0;}
.industry{ margin:0 -7px;}
.industry .slick-slide .indubox li{ width:50%;  padding:0 7px 0px 7px;}
.industry .slick-slide .indubox li .inli img{ width:100%; height:auto;}	
.industry .slick-slide .indubox li h4{ width:90%; margin:0 5%; top:-20px; line-height:40px; }
}
@media  screen and (max-width:480px){
.industry .slick-slide .indubox li{ width:100%; }	
}

.casebox_4{ padding:60px 0 20px 0;}
.casepro{ margin:0 -15px;}
.casepro ul{ min-height:500px;}
.casepro ul .li2{ float:left; width:33.333333333%; padding:0 15px 30px 15px;}
.casepro ul .li2 .bg400{ background:#fff; padding:0 28px; position:relative;}
.casepro ul .li2 .bg400:hover{ background:url(images/main15.png) right no-repeat #fff; background-size:auto 100%;
-webkit-box-shadow: 0 1px 8px #ccc;
   -moz-box-shadow: 0 1px 8px #ccc;
     -o-box-shadow: 0 1px 8px #ccc;
        box-shadow: 0 1px 8px #ccc;
}
.casepro ul .li2 .bg400 .l_190{ float:left; width:190px;}
.casepro ul .li2 .bg400 .r_124{ float:right; width:124px; height:204px; margin:20px 0;}
.casepro ul .li2 h4{ height:46px; color:#212121; font-size:18px; line-height:23px; overflow:hidden; margin:37px 0 22px 0;}
.casepro ul .li2 h4.mri2{ margin:74px 0 22px 0; height:23px;}
.casepro ul .li2 h4.mri3{ margin:6px 0 17px 0; height:23px; text-align:center;}
.casepro ul .li2  h4 a{color:#212121;}
.casepro ul .li2  h4 a:hover{ color:#0067b9;}
.casepro ul .more{ margin:31px 0 54px 0;}
.casepro ul .more a{ display:inline-block; width:85px; height:33px; background-color:#0067b9; color:#fff; line-height:33px; text-align:center;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
}
.casepro ul .li2:hover .more a{ background-color:#e50012;}
@media  screen and (max-width:1199px){
.casepro ul .li2{ width:50%;}
.casepro ul .li2 .bg400 .l_190{ width:220px;}
}
@media  screen and (max-width:991px){
.casepro ul{ min-height:50px;}
.casepro ul .li2 .bg400 .l_190{ width:160px;}	
}
@media  screen and (max-width:767px){
.casebox_4{ padding:0 0 5px 0;}
.casepro ul .li2{ padding:0px 15px 15px 15px;}
.casepro ul .li2 .bg400{ padding:0 22px;}
.casepro ul .li2 .bg400:hover{ background:#fff;}
.casepro ul .li2 .bg400 .r_124{ float:none; margin:20px auto 0 auto }
.casepro ul .li2 .bg400 .l_190{ width:100%;}
.casepro ul .li2  h4{ height:23px; font-size:14px; margin:25px 0 15px 0; text-align:center; }
.casepro ul .li2  .more{ margin:0 0 25px 0; text-align:center;}
}
@media  screen and (max-width:480px){
.casepro ul .li2 .bg400{ padding:0 15px; }	
}
@media  screen and (max-width:480px){
.casepro ul .li2{ width:100%; }	
}





.pagebox{ padding:56px 0 56px 0;}
/* 分页 */
.pz_fy{ text-align:center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a{ display:inline-block; *display:inline; *zoom:1; width:38px; height:38px; color: #272727; font-size:14px;  margin:0 2px; background-color:#fff; border:#ebebeb solid 1px; line-height:36px;
        border-radius:3px;
-webkit-border-radius:3px;
   -moz-border-radius:3px;
     -o-border-radius:3px;
}

.pz_fy a:hover{ border-color:#0067b9; background-color:#0067b9; color: #fff; text-decoration:none;}
.pz_fy a.on{color: #fff;border-color:#0067b9; background-color:#0067b9; text-decoration:none; cursor:default;}/*鼠标经过和默认当前页样式*/
.pz_fy a img{ margin-top:-5px;}
.pz_fy a img.imgs{ width:auto;}
.pz_fy a img.imgd{ width:0; overflow:hidden;}
.pz_fy a:hover img.imgs,.pz_fy a.on img.imgs{ width:0; overflow:hidden;}
.pz_fy a:hover img.imgd,.pz_fy a.on img.imgd{ width:auto;}


@media  screen and (max-width:991px){
.pagebox{ padding:60px 0 60px 0;}
.fy_pc{  float:left; text-align:center; font-size:14px; color:#333;}
.fy_pc a{ padding:5px 10%; color:#333; border:solid 1px #0067b9; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px;}
.fy_pc span{ padding:5px 5%; color:#333;}
}
@media  screen and (max-width:767px){
.pagebox{ padding:40px 0 40px 0;}	
}






.elli{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}


@font-face {
  font-family: 'Helvetica_0';
  src: url('font/Helvetica_0.eot');
  src: url('font/helveticalt45light_0.eot?#iefix') format('embedded-opentype'), 
  url('font/Helvetica_0.woff') format('woff'), 
  url('font/Helvetica_0.ttf') format('truetype'), 
  url('font/Helvetica_0.svg#glyphicons-halflingsregular') format('svg');
}
@font-face {
  font-family: 'Helvetica LT 35 Thin_0';
  src: url('font/Helvetica LT 35 Thin_0.eot');
  src: url('font/Helvetica LT 35 Thin_0.eot?#iefix') format('embedded-opentype'), 
  url('font/Helvetica LT 35 Thin_0.woff') format('woff'), 
  url('font/Helvetica LT 35 Thin_0.ttf') format('truetype'), 
  url('font/Helvetica LT 35 Thin_0.svg#glyphicons-halflingsregular') format('svg');
}


.you12 {
  display: inline-block;
  color: #fff;
  border: 1px solid #eeeeee;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
}
.you-uls{
  width: 100px;
  background: #FFFFFF;
  border: 1px solid #eeeeee;
  padding: 5px 0;
  text-align: center;
  bottom: 100%;
  display: none;
  z-index: 99;

  line-height: 30px; left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  /* IE 9 */
  -moz-transform: translateX(-50%);
  /* Firefox */
  -webkit-transform: translateX(-50%);
  /* Safari 和 Chrome */
  -o-transform: translateX(-50%);

}
.you12:hover .you-uls{
  display: block;

}


.you-uls  a{
  color: #000;  display: block;

}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}